<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爱科陶建材</title>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body>
    <div class="wrap">
        <div class="header">
            <div class="top">
                <div class="top-content">
                    <p>欢迎来到上海爱科陶建材有限公司</p>
                    <p class="phone">服务热线：021-51870009</p>&nbsp;&nbsp;&nbsp;<span>13901906988</span>
                </div>
            </div>
            <!--top结束-->
            <div class="header-content clearfix">
                <div class="head">
            <div class="header-left">
                <img src="images/logo.png"/>
            </div>
            <!--header-left结束-->
            <div class="header-mid">
                <div class="search">
                    <div class="btn-search">
                        <p>搜索</p>
                    </div>
                    <!--btn-search结束-->
                    <div class="hot-search">
                        <p>热门搜索：欧式装修&nbsp;&nbsp;建材&nbsp;&nbsp;素材家园&nbsp;&nbsp;sucaijiayuan</p>
                    </div>
                </div>
                <!--search结束-->
            </div>
            <!--header-mid结束-->
            <div class="header-right">
                <img src="images/kefu.png"/>
            </div>
                <!--header-right结束-->
            </div>
            <!--header-content结束-->
            <div class="nav">
                <div class="nav-content">
                    <ul>
                        <li class="nav-list">
                            <a href="#">首页</a>
                        </li>
                        <li>
                            <a href="#">公司简介</a>
                        </li>
                        <li>
                            <a href="#">工艺介绍</a>
                        </li>
                        <li>
                            <a href="#">成功案例</a>
                        </li>
                        <li>
                            <a href="#">行业新闻</a>
                        </li>
                        <li>
                            <a href="#">在线订单</a>
                        </li>
                        <li>
                            <a href="#">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
            </div>
        </div>
        <!--header头部结束-->
        <div class="banner clearfix">
            <div class="pic">
                <ul>
                    <li style="left:0px;">
                        <a href="#">
                            <img src="images/banner.jpg"/>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/1.jpg"/>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/2.jpg"/>
                        </a>
                    </li>
                </ul>
            </div>
            <!--pic结束，用来存放图片的-->
        </div>
        <!--banner结束-->
        <div class="main">
            <div class="main-content">
                <div class="main-content-box clearfix">
                <div class="content-left-box">
                    <h3>公司简介</h3><span class="more"><a href="#">+MORE</a></span>
                    <div class="content-left">
                        <p class="content-p">上海爱科陶建材有限公司是一家专业从事欧式建</p>
                        <p>筑装饰的施工企业，由多位早在九十年代初即在国</p>
                        <p>内从事欧式GRC构件技术及欧式模具技术的专业技</p>
                        <p>术人员组成。因多年参与欧式GRC构件的研究应</p>
                        <p>用，我们深感GRC构件工艺的不足，于上世纪九十</p>
                        <p>年末成功开发出欧式仿石材整体现浇工艺系列施工</p>
                        <p>方法。该工艺成功克服GRC构件薄壳挂件所产生的</p>
                        <p class="content-p1">破损、脱落、开裂等弊病...</p>
                    </div>
                    <!--content-left结束-->
                </div>
                <!--content-left-box结束-->
                <div class="content-mid">
                    <a href="#"><img src="images/pic-1.jpg"/></a>
                </div>
                <!--content-mid结束-->
                <div class="content-left-box content-right-box">
                    <h3>装修课堂</h3><span class="more"><a href="#">+MORE</a></span>
                    <div class="content-left content-right">
                        <ul>
                            <li>
                                <a href="#">整理资料中整理资料中...</a><span class="date">2014年-05-22</span>
                            </li>
                            <li>
                                <a href="#">整理资料中整理资料中...</a><span class="date">2014年-05-22</span>
                            <li>
                                <a href="#">整理资料中整理资料中...</a><span class="date">2014年-05-22</span>
                            </li>
                            <li>
                                <a href="#">整理资料中整理资料中...</a><span class="date">2014年-05-22</span>
                            </li>
                            <li>
                                <a href="#">整理资料中整理资料中...</a><span class="date">2014年-05-22</span>
                            </li>
                            <li>
                                <a href="#">整理资料中整理资料中...</a><span class="date">2014年-05-22</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--content-right结束-->
                </div>
                <!--main-content-box结束-->
                <div class="main-pic">
                    <div class="pic-navbar">
                        <h3>装修案例</h3>
                        <ul>
                            <li>
                                <a href="#">别墅系列|</a>
                            </li>
                            <li>
                                <a href="#">海关系列|</a>
                            </li>
                            <li>
                                <a href="#">法院系列|</a>
                            </li>
                            <li>
                                <a href="#">检察院系列|</a>
                            </li>
                            <li>
                                <a href="#">银行系列|</a>
                            </li>
                            <li>
                                <a href="#">酒店系列|</a>
                            </li>
                            <li>
                                <a href="#">其他建筑系列</a>
                            </li>
                        </ul>
                    </div>
                    <!--pic-navbar结束-->
                    <div class="pic-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="images/pic-2.jpg"/>
                                    <p>欧式婚纱基地</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/pic-3.jpg"/>
                                    <p>湖南省林业基地办公楼</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/pic-4.jpg"/>
                                    <p>濮阳市文化中心大楼</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/pic-5.jpg"/>
                                    <p>其他海关</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/pic-2.jpg"/>
                                    <p>欧式婚纱基地</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/pic-3.jpg"/>
                                    <p>湖南省林业基地办公楼</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/pic-4.jpg"/>
                                    <p>濮阳市文化中心大楼</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="images/pic-5.jpg"/>
                                    <p>其他海关</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--main-pic结束-->
                <div class="content-list">
                    <div class="content-list-left">
                        <h3>客户评价</h3>
                        <p><a href="#" class="list-more">+MORE</a></p>
                        <img src="images/pic-7.jpg"/>
                        <ul>
                            <li>
                                <a href="#">资料整理中资料整理中...</a>
                                <span>2014-05-22</span>
                            </li>
                            <li>
                                <a href="#">资料整理中资料整理中...</a>
                                <span>2014-05-22</span>
                            </li>
                            <li>
                                <a href="#">资料整理中资料整理中...</a>
                                <span>2014-05-22</span>
                            </li>
                            <li>
                                <a href="#">资料整理中资料整理中...</a>
                                <span>2014-05-22</span>
                            </li>
                        </ul>
                    </div>
                    <!--content-list-left结束-->
                    <div class="content-list-left content-list-com">
                        <h3>公司新闻</h3>
                        <p><a href="#" class="list-more">+MORE</a></p>
                        <img src="images/pic-8.jpg"/>
                        <ul>
                            <li>
                                <a href="#">资料整理中资料整理中...</a>
                                <span>2014-05-22</span>
                            </li>
                            <li>
                                <a href="#">资料整理中资料整理中...</a>
                                <span>2014-05-22</span>
                            </li>
                            <li>
                                <a href="#">资料整理中资料整理中...</a>
                                <span>2014-05-22</span>
                            </li>
                            <li>
                                <a href="#">资料整理中资料整理中...</a>
                                <span>2014-05-22</span>
                            </li>
                        </ul>
                    </div>
                    <!--公司新闻结束-->
                    <div class="content-list-left">
                        <h3>行业新闻</h3>
                        <p><a href="#" class="list-more">+MORE</a></p>
                        <img src="images/pic-6.jpg"/>
                        <ul>
                            <li>
                                <a href="#">资料整理中资料整理中...</a>
                                <span>2014-05-22</span>
                            </li>
                            <li>
                                <a href="#">资料整理中资料整理中...</a>
                                <span>2014-05-22</span>
                            </li>
                            <li>
                                <a href="#">资料整理中资料整理中...</a>
                                <span>2014-05-22</span>
                            </li>
                            <li>
                                <a href="#">资料整理中资料整理中...</a>
                                <span>2014-05-22</span>
                            </li>
                        </ul>
                    </div>
                    <!--行业新闻结束-->
                </div>
                <!--content-list结束-->
            </div>
            <!--main-content结束-->
        </div>
        <!--main结束-->
        <div class="footer">
            <div class="footer-content">
            <div class="footer-left">
                <img src="images/logo-w.png"/>
            </div>
            <!--footer-left结束-->
            <div class="footer-right">
                <ul>
                    <li>
                        <a href="#">首页&nbsp;|</a>
                    </li>
                    <li>
                        <a href="#">公司简介&nbsp;|</a>
                    </li>
                    <li>
                        <a href="#">工艺介绍&nbsp;|</a>
                    </li>
                    <li>
                        <a href="#">成功案例&nbsp;|</a>
                    </li>
                    <li>
                        <a href="#">行业新闻&nbsp;|</a>
                    </li>
                    <li>
                        <a href="#">在线订单&nbsp;|</a>
                    </li>
                    <li>
                        <a href="#">联系我们&nbsp;</a>
                    </li>
                </ul>
                <p>上海爱科陶建材有限公司版权所有</p>
                <span>技术支持：速联科技</span>
            </div>
            <!--footer-right结束-->
            </div>
            <!--footer-content结束-->
        </div>
        <!--footer 结束-->
    </div>
    <!--wrap结束-->
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/banner.js"></script>
</body>
</html>